<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 理想视口 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <title>Document</title>
    <!-- 初始化样式 -->
    <!-- <link rel="stylesheet" href="./css/normalize.css"> -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <!--rem适配布局（flexible.js +  rem）引入flexible.js文件 -->
    <script src="./js/flexible.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header class="headTop">
        <div class="fixed">
            <div class="header_1">
                <div class="logo">
                    <h1>
                        <a href="#">
                        </a>
                    </h1>
                </div>
                <a class="search">
                    <span>商品比价、查历史价</span>
                </a>
                <div class="download">
                    <a href="#">下载</a>
                </div>
            </div>
            <!-- 导航栏 -->
            <div class="header_tab">
                <ul class="header_tab">
                    <li class="tab_1"><a href="#">首页</a></li>
                    <li class="tab_1"><a href="#">精选折扣</a></li>
                    <li class="tab_1"><a href="#">查历史价</a></li>
                    <li class="tab_1"><a href="#">比价搜索</a></li>
                    <li class="tab_1"><a href="#">白菜价</a></li>
                    <li class="tab_1"><a href="#">国内折扣</a></li>
                    <li class="tab_1"><a href="#">小时风云榜</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 主导航 -->
    <nav class="main_nav">
        <ul class="main_navclass">
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/ic_search.png" alt="">
                    比价搜索
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/ic_sheng.png" alt="">
                    省钱控
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    国内折扣
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    白菜价
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    海淘折扣
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    优惠券
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    查历史价
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    更多
                </a>
            </li>
        </ul>
        <ul class="main_navclass nav_none">
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/ic_search.png" alt="">
                    比价搜索
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/ic_sheng.png" alt="">
                    省钱控
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    国内折扣
                </a>
            </li>
            <li class="nav-cate">
                <a href="#">
                    <img src="./images/guonei.png" alt="">
                    国内折扣
                </a>
            </li>
        </ul>
    </nav>
    <!-- 商品折扣 -->
    <div class="goods_discount">
        <div class="commont_h">
            <h2>超值折扣推荐</h2>
            <a href="#" class="more">
            </a>
        </div>
        <div class="goods_content">
            <ul>
                <li>
                    <a href="#" class="goods_info">
                        <div class="goodspic">
                            <img src="./upload/1.jpg" alt="">
                        </div>
                        <div class="goodsdetail">
                            <h3 class="title">
                                16点： 阿迪达斯 NEO 男跑步鞋 NEBZED EG3704 黑色
                            </h3>
                            <span class="price">299元</span>
                            <div class="source">
                                <span>京东商城</span> | <span>10-11 13:19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods_info">
                        <div class="goodspic">
                            <img src="./upload/1.jpg" alt="">
                        </div>
                        <div class="goodsdetail">
                            <h3 class="title">
                                16点： 阿迪达斯 NEO 男跑步鞋 NEBZED EG3704 黑色
                            </h3>
                            <span class="price">299元</span>
                            <div class="source">
                                <span>京东商城</span> | <span>10-11 13:19</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="goods_info">
                        <div class="goodspic">
                            <img src="./upload/1.jpg" alt="">
                        </div>
                        <div class="goodsdetail">
                            <h3 class="title">
                                16点： 阿迪达斯 NEO 男跑步鞋 NEBZED EG3704 黑色
                            </h3>
                            <span class="price">299元</span>
                            <div class="source">
                                <span>京东商城</span> | <span>10-11 13:19</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 更多优惠信息 -->
    <div class="more_discount">
        <a href="#">
            更多优惠信息 》
        </a>
    </div>
    <!-- 品牌排行 -->
    <div class="brand_rank">
        <div class="commont_h">
            <h2>品牌排行</h2>
            <a href="#" class="more">
            </a>
        </div>
    </div>
    <footer>
        <div class="footer_nav">
            <ul>
                <li><a href="#">登录</a></li>
                <li><a href="#">注册</a></li>
                <li>
                    <a href="#">
                        <img src="./images/top.jpg" alt="">
                        返回顶部
                    </a></li>
            </ul>
        </div>
    </footer>
</body>

</html>